<!-- dashboard -S -->
<article class="main-content">
  <app-loading [loading]="loading"></app-loading>
  <!--<app-err-hint [errShow]="true" [isChart]="true" [errMsg]="123"></app-err-hint>-->
  <div class="row">
    <div class="col-lg-2 col-md-2 col-sm-4">
      <div class="small-div">
        <p>Average temperature</p>
        <div class="temperature-data"><span>{{ dcBasicInfo.avgTemp }}</span>℃</div>
      </div>
    </div>
    <div class="col-lg-2 col-md-2 col-sm-4">
      <div class="small-div">
        <p>Power Usage</p>
        <div class="power-usage-data"><span>{{ dcBasicInfo.power }}</span>kw</div>
      </div>

    </div>
    <div class="col-lg-2 col-md-2 col-sm-4">
      <div class="small-div">
        <p>Real Humidity</p>
        <div class="real-humidity-data"><span>{{ dcBasicInfo.rHumidity }}</span>%</div>
      </div>
    </div>
    <div class="col-lg-2 col-md-2 col-sm-4">
      <div class="small-div">
        <p>Space Usage</p>
        <div class="space-usage-data"><span>{{ dcBasicInfo.space}}</span>%</div>
      </div>
    </div>
    <div class="col-lg-2 col-md-2 col-sm-4">
      <div class="small-div">
        <p>Smoke</p>
        <div class="smoke-data {{dcBasicInfo.smoke}}"><span>{{ dcBasicInfo.smoke }}</span></div>
      </div>
    </div>
    <div class="col-lg-2 col-md-2 col-sm-4">
      <div class="small-div">
        <p>Leaking</p>
        <div class="leaking-data {{dcBasicInfo.leaking}}"><span>{{ dcBasicInfo.leaking}}</span></div>
      </div>
    </div>
  </div>
  <div class="row">
    <div class="col-lg-6 col-md-6 col-sm-12">
      <div class="row">
        <div class="col-lg-4 col-md-4 col-sm-4">
          <div class="small-div">
            <p>Compute Power</p>
            <div class="compute-power-data dataNum"><span>{{ dcBasicInfo.compute }}</span>Ghz</div>
          </div>
        </div>
        <div class="col-lg-4 col-md-4 col-sm-4">
          <div class="small-div">
            <p>Total Memory</p>
            <div class="total-memory-data"><span class=" dataNum">{{ dcBasicInfo.memeory }}</span>TB</div>
          </div>
        </div>
        <div class="col-lg-4 col-md-4 col-sm-4">
          <div class="small-div">
            <p>Total Storage</p>
            <div class="total-storage-data"><span class="dataNum">{{ dcBasicInfo.storage}}</span>TB</div>
          </div>
        </div>
      </div>
      <div class="row">
        <div class="col-lg-12 col-md-12 col-sm-12">
          <div class="pue">
            <app-pue></app-pue>
          </div>
        </div>
      </div>
      <div class="row">
        <div class="col-lg-12 col-md-12 col-sm-12">
          <div class="power">
            <app-power-consumption></app-power-consumption>
          </div>
        </div>
      </div>
    </div>
    <div class="col-lg-6 col-md-6 col-sm-12">
      <div class="notifications">
        <app-notifications></app-notifications>
      </div>
    </div>
  </div>
</article>

<!-- dashboard -E -->

